<template>
	<view class="mygzlist">
		<view v-for="(item,index) in list" :key="index" class="mygzlist_item">
			<view class="">
				<image style="width: 60px; height: 60px; border-radius: 50%;" :src="item.img" mode=""></image>
			</view>
			<view style="margin-left: 15px;" class="">
				<view style="font-size: 16px; font-weight: 600;" class="">
					{{item.name}}
				</view>
				<text style="font-size: 13px; color: #999;">{{item.jianjie}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['list'],
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		onshow(){
			
		},
		methods: {
			
		}
	}
</script>

<style>
	.mygzlist{
		width: 100%;
		box-sizing: border-box;
		padding: 15px; 
	}
	
	.mygzlist_item{
		width: 100%; display: flex;
		border-radius: 15px;
		box-sizing: border-box; align-items: center;
		padding: 10px; margin-bottom: 10px;
		box-shadow: 2px 2px 20px 2px #ddd;
	}
</style>